<?php if (!defined('THINK_PATH')) exit(); /*a:5:{s:85:"D:\PHP_app\htdocs\CampusReservations\public/../application/home\view\shop\detail.html";i:1502868977;s:87:"D:\PHP_app\htdocs\CampusReservations\public/../application/home\view\Public\header.html";i:1499667974;s:91:"D:\PHP_app\htdocs\CampusReservations\public/../application/home\view\Public\fooddetail.html";i:1499600818;s:84:"D:\PHP_app\htdocs\CampusReservations\public/../application/home\view\Public\nav.html";i:1501049854;s:87:"D:\PHP_app\htdocs\CampusReservations\public/../application/home\view\Public\footer.html";i:1499567500;}*/ ?>
<!DOCTYPE HTML>
<html>
<head>
    <title>Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content=""/>
    <link href="__PUBLIC__/static/home/css/shopcomment.css" rel='stylesheet' type='text/css' />
    <link href="__PUBLIC__/static/home/css/shopinfo.css" rel='stylesheet' type='text/css' />

    <script type="applijewelleryion/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="__PUBLIC__/static/home/css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="__PUBLIC__/static/home/css/bootstrapmoban458.css" rel='stylesheet' type='text/css' />

<link href="__PUBLIC__/static/home/css/style.css" rel='stylesheet' type='text/css' />	
<link href="__PUBLIC__/static/home/css/styleMoban458.css" rel='stylesheet' type='text/css' />

<link rel="stylesheet" type="text/css" href="__PUBLIC__/static/home/css/styles.css">

<!-- 图片浮动 -->
<link rel="stylesheet" href="__PUBLIC__/static/home/css/s.css">

<script type="text/javascript" src="__PUBLIC__/static/home/js/koala.min.1.5.js"></script>
<script type="text/javascript">
Qfast.add('widgets', { path: "__PUBLIC__/static/home/js/terminator2.2.min.js", type: "js", requires: ['fx'] });  
Qfast(false, 'widgets', function () {
	K.tabs({
		id: 'decoroll2',//焦点图包裹id  
		conId: "decoimg_a2",//大图域包裹id  
		tabId:"deconum2",//小圆点数字提示id
		tabTn:"a",
		conCn: '.decoimg_b2',//大图域配置class       
		auto: 1,//自动播放 1或0
		effect: 'fade',//效果配置
		eType: 'mouseover',// 鼠标事件
		pageBt:true,//是否有按钮切换页码
		bns: ['.prev', '.next'],//前后按钮配置class                          
		interval: 3000// 停顿时间  
	}) 
}) 
</script>


<script src="__PUBLIC__/static/home/js/jquery-1.11.1.min.js"></script>
<script src="__PUBLIC__/static/home/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/static/home/js/modernizr.custom.js"></script>
<script src="__PUBLIC__/static/home/js/responsiveslides.min.js"></script>
<!-- animation-effect -->
<link href="__PUBLIC__/static/home/css/animate.min.css" rel="stylesheet"> 
<script src="__PUBLIC__/static/home/js/wow.min.js"></script>
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script>
 new WOW().init();
</script>
<!-- //animation-effect -->
<style type="text/css">
	@font-face{
  font-family: 'miaomi';

  src:url( 'fonts/miaomi.ttf') format('truetype');
}

.login li a {
    
    display: block;
    height: 22px; 
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
    padding: 0;
}

.miaomi{
	font-family: 'miaomi';
}
body{
	font-family: 'miaomi';
	font-weight: bold;
}
ul.real-widget li a {
    font-size: 15px;
    color: #000;
}

.login li{
	float: left;
	list-style: none;
	margin-top: 10px;
	margin-left: 10px;
}

.login li a:hover{
	-webkit-transform:rotateY(360deg);
	transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
}

#link-effect-7 a{
    font-family: 'miaomi';
    font-size: 18px;
}

h2,h4{
	font-family: 'miaomi';
}

.key a {
    font-size: 1em;
    color: #fff;
    font-weight: 600;
    padding: 0.6em 2em;
    background: #fa4b2a;
}
.key a:hover{
	background:#fff;
	color: #fa4b2a;
	border: 1px solid #fa4b2a;

}
.key{
	float: right;
	margin-top: -25px;

}


</style>


<link rel="stylesheet" href="__PUBLIC__/static/login/css/common.css"/>

<script type="text/javascript" src="__PUBLIC__/static/login/js/jquery.min.js"></script>
<script type="text/javascript">
var w,h,className;
function getSrceenWH(){
	w = $(window).width();
	h = $(window).height();
	$('#dialogBg').width(w).height(h);
}

window.onresize = function(){  
	getSrceenWH();
}  
$(window).resize();  

$(function(){
	getSrceenWH();
	
	//ÏÔÊ¾µ¯¿ò
	$('.box a').click(function(){
		className = $(this).attr('class');
		$('#dialogBg').fadeIn(300);
		$('#dialog').removeAttr('class').addClass('animated '+className+'').fadeIn();
	});
	
	//¹Ø±Õµ¯´°
	$('.claseDialogBtn').click(function(){
		$('#dialogBg').fadeOut(300,function(){
			$('#dialog').addClass('bounceOutUp').fadeOut();
		});
	});
});


var w1,h1,className1;
function getSrceenWH1(){
	w = $(window).width();
	h = $(window).height();
	$('#dialogBg1').width(w1).height(h1);
}

window.onresize = function(){
	getSrceenWH1();
}
$(window).resize();

$(function(){
	getSrceenWH1();

	//ÏÔÊ¾µ¯¿ò
	$('.box1 a').click(function(){
		className = $(this).attr('class');
		$('#dialogBg1').fadeIn(300);
		$('#dialog1').removeAttr('class').addClass('animated '+className+'').fadeIn();
	});

	//¹Ø±Õµ¯´°
	$('.claseDialogBtn1').click(function(){
		$('#dialogBg1').fadeOut(300,function(){
			$('#dialog1').addClass('bounceOutUp').fadeOut();
		});
	});
});


var w2,h2,className2;
function getSrceenWH2(){
	w = $(window).width();
	h = $(window).height();
	$('#dialogBg2').width(w2).height(h2);
}

window.onresize = function(){
	getSrceenWH2();
}
$(window).resize();

$(function(){
	getSrceenWH2();

	//ÏÔÊ¾µ¯¿ò
	$('.box2 a').click(function(){
		className = $(this).attr('class');
		$('#dialogBg2').fadeIn(300);
		$('#dialog2').removeAttr('class').addClass('animated '+className+'').fadeIn();
	});

	//¹Ø±Õµ¯´°
	$('.claseDialogBtn2').click(function(){
		$('#dialogBg2').fadeOut(300,function(){
			$('#dialog2').addClass('bounceOutUp').fadeOut();
		});
	});
});

var w3,h3,className3;
function getSrceenWH3(){
	w = $(window).width();
	h = $(window).height();
	$('#dialogBg3').width(w3).height(h3);
}

window.onresize = function(){
	getSrceenWH3();
}
$(window).resize();

$(function(){
	getSrceenWH3();

	//ÏÔÊ¾µ¯¿ò
	$('.box3 a').click(function(){
		className = $(this).attr('class');
		$('#dialogBg3').fadeIn(300);
		$('#dialog3').removeAttr('class').addClass('animated '+className+'').fadeIn();
	});

	//¹Ø±Õµ¯´°
	$('.claseDialogBtn3').click(function(){
		$('#dialogBg3').fadeOut(300,function(){
			$('#dialog3').addClass('bounceOutUp').fadeOut();
		});
	});
});

var w4,h4,className4;
function getSrceenWH4(){
	w = $(window).width();
	h = $(window).height();
	$('#dialogBg4').width(w4).height(h4);
}

window.onresize = function(){
	getSrceenWH4();
}
$(window).resize();

$(function(){
	getSrceenWH4();

	//ÏÔÊ¾µ¯¿ò
	$('.box4 a').click(function(){
		className = $(this).attr('class');
		$('#dialogBg4').fadeIn(300);
		$('#dialog4').removeAttr('class').addClass('animated '+className+'').fadeIn();
	});

	//¹Ø±Õµ¯´°
	$('.claseDialogBtn4').click(function(){
		$('#dialogBg4').fadeOut(300,function(){
			$('#dialog4').addClass('bounceOutUp').fadeOut();
		});
	});
});
</script>

</script>





    <style>

        .left-menu::-webkit-scrollbar {
            width: 0px;
        }

        .main {
            overflow: hidden;
            margin: -50px 0 0 0px;
            width: 1140px;
            height: auto;
        }

        .left-menu {
            width: 200px;
            float: left;
            background-color: #eee;
            position: relative; /*overflow-y:scroll;*/
        }

        .left-menu ul li {
            line-height: 50px;
            width: 200px;
            text-align: center;
            font-size: 14px;
            padding: 3px 0;
            color: #333;
            border-bottom: 1px dashed #ddd;
        }

        .left-menu ul li:hover {
            background: #fa4b2a;
            width: 200px;
            height: 50px;
        }

        .left-menu ul li a:hover {
            font-family: miaomi;
            color: #ffffff;
            font-style: bold;
            font-size: 20px;
        }

        .left-menu ul li a {
            text-decoration: none;
            color: #555;
            font-family: miaomi;
            text-align: center;
            font-size: 16px;
        }

        .left-menu ul li.active {
            color: #FFFFFF !important;
            background-color: #fa4b2a;
            width: 200px;
            height: 50px;
            font-family: miaomi;
            font-style: bold;
            font-size: 20px;
        }

        .right-con {
            display: none;
            width: 75%;
            float: left; /*overflow-y:scroll;*/
            background: #fff;
            position: relative;
            height: 500px;
        }

        .con .con-active {
            display: block;
            width: 940px;
        }

        .right-con li {
            position: relative;
            height: 150px;
            width: 430px;
            height: auto;
            float: left;
            display: inline;
            margin-top: 20px;
            margin-left: 30px;
        }

        .right-con li .menu-txt {
            margin: -80px 0 0 200px; 
        }

        .right-con li .menu-txt h4 {
            margin-bottom: 10px;
            margin-top: 1px;
            font-family: miaomi;
            font-size: 24px;
            font-style: bold;
        }

        .right-con li .menu-txt p {
            font-style: normal;
            line-height: 20px;
            font-size: 12px;
            vertical-align: bottom;
            margin-top: 25px;
        }

        .right-con li .menu-txt p.list2 b {
            font-family: miaomi;
            font-size: 21px;
            font-style: bold;
            color: #fa4b2a;
        }

        .right-con li .btn {
            background-color: transparent;
            position: absolute;
            right: 0px;
            top: 45%;
            cursor: pointer;
            padding: 3px;
            height: 38px;
        }

        .right-con li .btn button.minus {
            margin-right: -10px;
            display: none;
        }

        .right-con li .btn button {
            width: 40px;
            height: 40px;
            border: 0;
            background: transparent;
            padding: 0;
        }

        .right-con li .btn button strong {
            padding: 5px 10px;
            font-size: 15px;
            display: inline-block;
            text-indent: -100px;
            padding: 5px 11px;
            height: 22px;
        }

        .right-con li .btn button.minus strong {
            background: url(__PUBLIC__/static/home/images/down.png) no-repeat;
            background-size: 22px 22px;
        }

        .right-con li .btn i {
            display: none;
            width: 22px;
            text-align: center;
            font-style: normal;
            vertical-align: top;
            margin-top: 11px;
            line-height: 18px;
        }

        .right-con li .btn button.add {
            margin-left: -10px;
        }

        .right-con li .btn button.add strong {
            background: url(__PUBLIC__/static/home/images/up.png) no-repeat;
            background-size: 22px 22px;
        }

        .right-con li .btn .price {
            display: none;
        }

        .footer {
            display: block;
            position: relative;
            width: 1140px;
            z-index: 3;
            bottom: 0px;
            color: #f03c03;
            border:3px solid #ee2600;
            font-size: 15px;
            background: #fff;
            height: 10px;
        }

        .footer .left {
            float: left;
            margin: -10px 0 0 250px;
            font-family: miaomi;
            font-size: 22px;
        }

        .footer .right {
            float: right;
        }

        .footer .right .disable {
            background: #f9826b;
            width: 120px;
            height: 50px;
            margin: -30px 20px 0 0;
        }
         
        .footer .xhlbtn {
            display: block;
            padding: 10px 20px;
            color: #fff;
            font-weight: bold;
            font-family: miaomi;
            font-size: 25px;
            background-color:#ee2600;
            margin: -30px 20px 0 0;
        }
    </style>


    <script type="text/javascript">
        $(function () {
            //加的效果
            $(".add").click(function () {
                $(this).prevAll().css("display", "inline-block");
                var n = $(this).prev().text();
                var num = parseInt(n) + 1;
                if (num == 0) {
                    return;
                }
                $(this).prev().text(num);
                var danjia = $(this).next().text();//获取单价
                var a = $("#totalpriceshow").html();//获取当前所选总价
                $("#totalpriceshow").html((a * 1 + danjia * 1).toFixed(2));//计算当前所选总价

                var nm = $("#totalcountshow").html();//获取数量
                $("#totalcountshow").html(nm * 1 + 1);
                jss();//<span style='font-family: Arial, Helvetica, sans-serif;'></span>   改变按钮样式
            });
            //减的效果
            $(".minus").click(function () {
                var n = $(this).next().text();
                var num = parseInt(n) - 1;

                $(this).next().text(num);//减1

                var danjia = $(this).nextAll(".price").text();//获取单价
                var a = $("#totalpriceshow").html();//获取当前所选总价
                $("#totalpriceshow").html((a * 1 - danjia * 1).toFixed(2));//计算当前所选总价

                var nm = $("#totalcountshow").html();//获取数量
                $("#totalcountshow").html(nm * 1 - 1);
                //如果数量小于或等于0则隐藏减号和数量
                if (num <= 0) {
                    $(this).next().css("display", "none");
                    $(this).css("display", "none");
                    jss();//改变按钮样式
                    return
                }
            });
            function jss() {
                var m = $("#totalcountshow").html();
                if (m > 0) {
                    $(".right").find("a").removeClass("disable");
                } else {
                    $(".right").find("a").addClass("disable");
                }
            };
            //选项卡
            $(".con>div").hide();
            $(".con>div:eq(0)").show();

            $(".left-menu li").click(function () {
                $(this).addClass("active").siblings().removeClass("active");
                var n = $(".left-menu li").index(this);
                $(".left-menu li").index(this);
                $(".con>div").hide();
                $(".con>div:eq(" + n + ")").show();
            });
        });
    </script>

   
</head>
<body>
    <script>
    function login(){

        var $mobilenum = $('input[name="$mobilenum"]').val();
        var $userpass = $('input[name="$userpass"]').val();
        var captcha = $('input[name="captcha"]').val();
        var url =  $('input[name="login"]').val();
        $.ajax({
            type : "POST",
            url : url,
            data : {moblienum:$mobilenum,userpass:$userpass,captcha:captcha},
            dataType : 'json',
            success : function(res) {
                if(res.status == 1){
                    alert(res.info);
                    window.location.href = res.url;
                }else{
                    alert(res.info);
                }
            }

        })
	}

</script>


<div class="header" id="ban">
		<div class="container">
		  <div>
	       <img src="__PUBLIC__/static/home/images/logo.png">
          </div>
			<div class="head-left wow fadeInLeft animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInLeft; margin-top: -70px;margin-left: 700px;">
				<div class="header-search">
						<div class="search">
							<input class="search_box" type="checkbox" id="search_box">
							<label class="icon-search" for="search_box"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></label>
							<div class="search_form">
								<form action="#" method="post">
									<input type="text" name="Search" placeholder="吃点啥...." style="background: #d8d5d5;border: 1px solid #d8d5d5;">
									<input type="submit" value="搜索" style="background: #f74a2a;border: 1px solid #f74a2a;"></a>
								</form>
							</div>
						</div>
				</div>
			</div>
			<div class="header_right wow fadeInLeft animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInLeft;margin-top: -60px;margin-left: 850px;width: 1000px;">
			<nav class="navbar navbar-default">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
					<nav class="link-effect-7" id="link-effect-7">
						<ul class="nav navbar-nav">
							<li class="active act"><a href="<?php echo url('Index/index'); ?>">主页</a></li>
							<li><a href="<?php echo url('Shop/lists'); ?>">餐厅饭馆</a></li>
							<!-- <li><a href="<?php echo url('User/userinfo'); ?>">餐厅饭馆</a></li> -->
							<!-- <li><a href="<?php echo url('User/shoppingcart'); ?>">购物车</a></li> -->
						</ul>
					</nav>
				</div>
				<!-- /.navbar-collapse -->
			</nav>
			</div>

			<div id="social-icons" style="position:relative; float: right;margin-top: -60px;display:inline;" >

<!--<script type="text/javascript">-->
 <div id="wrapper" >
	<div class="box" style="display: inline-block;">
		<if condition="$Think.session.username eq null">
		<li><a href="#" class="rollIn" style="font-family: miaomi ;font-weight: bold;font-size: 15px;">登录</a></li>
			<else/>
			<li><a href="<?php echo url("","",true,false);?>" class="rollIn" style="font-family: miaomi;font-weight: bold;font-size: 15px"><?php echo \think\Session::get('username'); ?></a></li>
</if>
		<div id="dialogBg"></div>
		<div id="dialog" class="animated">
			<div class="dialogTop">
				<a href="#" style="font-size: 20px; margin-right: 20px;font-family: miaomi;float: left;">Hi~咱们又见面了</a>
				<a href="javascript:;" class="claseDialogBtn" style="font-size: 15px; font-family: miaomi;">关闭</a>
			</div>
			<form action="" method="post" id="editForm">
				<ul class="editInfos" style="font-family: miaomi;">
					<li><input type="text" name="mobilenum" value="" class="ipt" style="width: 200px;" placeholder="手机号码" required  /></li>
					<li><input type="password" name="userpass" value="" class="ipt" style="width: 200px;" placeholder="密码" required  /></li>
					<li><input type="text" name="captcha"  class="ipt" style="width: 200px;" placeholder="验证码" required />
					<img src="<?php echo captcha_src(); ?>" alt="captcha" onclick="this.src='<?php echo captcha_src(); ?>'" style="height: 50px;margin-top: 20px;" /></li>
					<li><button type="submit" class="submitBtn" onclick="login()" >登录</button></li>
					<input type="hidden" value="<?php echo url("","",true,false);?>" name="login"  />
				</ul>
			</form>
		</div>    
	</div>

	<div class="box1" style="display: inline-block">
		<li><a href="#" class="bounceIn" style="font-family: miaomi ;font-weight: bold;font-size: 15px;">注册</a></li>
			<div id="dialogBg1"></div>
		<div id="dialog1" class="animated1">
			<div class="dialogTop">
			    <a href="#" style="font-size: 20px; margin-right: 20px;font-family: miaomi;float: left;">快来加入我们吧</a>
				<a href="javascript:;" class="claseDialogBtn1" style="font-size: 15px; font-family: miaomi;">关闭</a>
			</div>
			<form action="" method="post" id="editForm1">
			  <ul class="editInfos" style="font-family: miaomi;">
				 <!-- <li><label><font color="#ff0000">* </font>手&nbsp机&nbsp号&nbsp
				 <input type="text" name="telephone" pattern="[0-9]{11}" required id="telephone" onblur="checkTele()"  class="ipt" />
				 <span id="tip" ></span></label></li>
					<li><label><font color="#ff0000">* </font>邮&nbsp&nbsp&nbsp&nbsp&nbsp箱&nbsp<input type="text" name="" required value="" class="ipt" /></label></li>
					<li><label><font color="#ff0000">* </font>用&nbsp户&nbsp名&nbsp<input type="text" name="" required value="" class="ipt" /></label></li>
					<li><label><font color="#ff0000">* </font>密&nbsp&nbsp&nbsp&nbsp&nbsp码&nbsp<input type="text" name="" required value="" class="ipt" /></label></li>
					<li><label><font color="#ff0000">* </font>确认密码<input type="text" name="" required value="" class="ipt" /></label></li> -->
					<li><input type="text" name="username" value="" class="ipt" style="width: 200px;" placeholder="用户名" required  /></li>
					<li><input type="password" name="password" value="" class="ipt" style="width: 200px;" placeholder="密码" required  /></li>
					<li><input type="password" name="password1" value="" class="ipt" style="width: 200px;" placeholder="确认密码" required  /></li>
					<li><input type="text" name="telephone" value="" class="ipt" style="width: 200px;" placeholder="手机号" required  /></li>
					<li><input type="text" name="email" value="" class="ipt" style="width: 200px;" placeholder="邮箱" required  /></li>
					<li style="margin-left: 40px" class="file">        
                    <input type="file" name="pic" class="ipt" style="width: 200px;" title="头像"  /></li>
					<li><input type="text" name="captcha"  class="ipt" style="width: 200px;" placeholder="验证码" required />
					<img src="<?php echo captcha_src(); ?>" alt="captcha" onclick="this.src='<?php echo captcha_src(); ?>'" style="height: 50px;margin-top: 20px;" /></li>
                  <li><button type="submit" class="submitBtn">注册</button></li>
                  <input type="hidden" value="<?php echo url("","",true,false);?>"/>
				</ul>
			</form>
		</div>
	</div>


	



</div> 
<div class="clearfix"> </div>	

						
					
						
					</ul>
				</div>
			
			<div class="clearfix"> </div>	
		</div>
	</div>


<!-- banner -->

<div>
    <div class="head-img-top">
    </div>
    <div class="img" style="text-align: center;">
        <img src="__PUBLIC__/static/admin/Uploads/shoppic/a.png" style="height: 482px;width: 1140px">
    </div>
</div>


<div class="services w3l wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
    <div class="container">
        <div class="grid_3 grid_5">
            <div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
                <ul id="myTab" class="nav nav-tabs" role="tablist">

                    <li role="presentation" class="active"><a href="#expeditions" id="expeditions-tab" role="tab"
                                                              data-toggle="tab" aria-controls="expeditions"
                                                              aria-expanded="true" style="font-family: miaomi">菜品</a>
                    </li>
                    <li role="presentation" class=""><a href="#safari" role="tab" id="safari-tab" data-toggle="tab"
                                                        aria-controls="safari" style="font-family: miaomi">评价</a></li>
                    <li role="presentation" class=""><a href="#trekking" role="tab" id="trekking-tab" data-toggle="tab"
                                                        aria-controls="safari" style="font-family: miaomi">店铺介绍</a></li>

                </ul>
                <div id="myTabContent" class="tab-content">

                    <!-- 店内菜品显示start -->
                    <div role="tabpanel" class="tab-pane fade active in" id="expeditions"
                         aria-labelledby="expeditions-tab">
                        <div class="main">
                            <div class="left-menu">
                                <ul>
                                    <li class="active" style="font-family: miaomi;font-size: 18px;">热销菜品<span
                                            class="num-price"></span></li>
                                    <li><a href="#">特色米饭套餐</a></li>
                                    <li><a href="#">特色面类套餐</a></li>
                                    <li><a href="#">精美小炒</a></li>
                                    <li><a href="#">精美小吃</a></li>
                                    <li><a href="#">鲜榨果汁</a></li>
                                    <li><a href="#">饮料酒水</a></li>
                                    <li><a href="#">水果拼盘</a></li>
                                </ul>
                            </div>
                            <div class="con">
                                <div class="right-con con-active" style="height: auto">
                                    <ul>
                                        <li>
                                            <div class="menu-img"><!-- <img src="__PUBLIC__/static/admin/Uploads/foodpic/a.jpg"
                                                                       style="width:150px;height: 90px;"/></div> -->
                                             <div class="gallery-item1">
                                               <div class="gallery-item-image1">
                                                 <a href="<?php echo url('Shop/detail'); ?>"><img src="__PUBLIC__/static/admin/Uploads/foodpic/d.jpg" style="width:150px;height: 90px;"></a>
                                               </div>
                                               <div class="gallery-item-description1">
                                                 <h3>菜品介绍卟啦卟啦</h3>
                                               </div>
                                             </div>
                                            <div class="menu-txt">
                                                <h4>宫保鸡丁</h4>
                                                <p class="list2">
                                                    <b>￥25</b>
                                                </p>
                                                <div class="btn" >
                                                    <button class="minus">
                                                        <strong></strong>
                                                    </button>
                                                    <i>0</i>
                                                    <button class="add">
                                                        <strong></strong>
                                                    </button>
                                                    <i class="price">25</i>
                                                </div>

                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-img">
                                             <div class="gallery-item1">
                                               <div class="gallery-item-image1">
                                                 <a href="<?php echo url('Shop/detail'); ?>"><img src="__PUBLIC__/static/admin/Uploads/foodpic/e.png" style="width:150px;height: 90px;"></a>
                                               </div>
                                               <div class="gallery-item-description1">
                                                 <h3>菜品介绍卟啦卟啦</h3>
                                               </div>
                                             </div>
                                            <div class="menu-txt">
                                                <h4>宫保鸡丁</h4>
                                                <p class="list2" style="height: 40px">
                                                    <b>￥25</b>
                                                </p>
                                                <div class="btn">
                                                    <button class="minus">
                                                        <strong></strong>
                                                    </button>
                                                    <i>0</i>
                                                    <button class="add">
                                                        <strong></strong>
                                                    </button>
                                                    <i class="price">25</i>
                                                </div>

                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-img">
                                             <div class="gallery-item1">
                                               <div class="gallery-item-image1">
                                                 <a href="<?php echo url('Shop/detail'); ?>"><img src="__PUBLIC__/static/admin/Uploads/foodpic/d.png" style="width:150px;height: 90px;"></a>
                                               </div>
                                               <div class="gallery-item-description1">
                                                 <h3>菜品介绍卟啦卟啦</h3>
                                               </div>
                                             </div>
                                            <div class="menu-txt">
                                                <h4>宫保鸡丁</h4>
                                                <p class="list2" style="height: 40px">
                                                    <b>￥25</b>
                                                </p>
                                                <div class="btn">
                                                    <button class="minus">
                                                        <strong ></strong>
                                                    </button>
                                                    <i>0</i>
                                                    <button class="add">
                                                        <strong ></strong>
                                                    </button>
                                                    <i class="price">25</i>
                                                </div>

                                            </div>
                                        </li>
                                    </ul>
                                </div>

                               <div class="right-con">
                               <ul>
                                <li>
                                  <div class="menu-img">
                                   <div class="gallery-item1">
                                    <div class="gallery-item-image1">
                                     <a href="<?php echo url('Shop/detail'); ?>"><img src="__PUBLIC__/static/admin/Uploads/foodpic/d.jpg" style="width:150px;height: 90px;"></a>
                                    </div>
                                    <div class="gallery-item-description1">
                                      <h3>菜品介绍卟啦卟啦</h3>
                                    </div>
                                   </div>
                                    <div class="menu-txt">
                                      <h4>京酱肉丝</h4>
                                      <p class="list2">
                                      <b>￥25</b>
                                      <div class="btn">  
                                          <button class="minus">  
                                          <strong></strong>  
                                          </button>  
                                          <i>0</i>  
                                          <button class="add">  
                                          <strong></strong>  
                                          </button>  
                                          <i class="price">25</i>  
                                      </div> 
                                      </p>
                                    </div>
                                </li>
                                </ul>
                               </div>

                              <div class="right-con">
                               <ul>
                                <li>
                                  <div class="menu-img">
                                  <div class="gallery-item1">
                                    <div class="gallery-item-image1">
                                     <a href="<?php echo url('Shop/detail'); ?>"><img src="__PUBLIC__/static/admin/Uploads/foodpic/c.jpg" style="width:150px;height: 90px;"></a>
                                    </div>
                                    <div class="gallery-item-description1">
                                      <h3>菜品介绍卟啦卟啦</h3>
                                    </div>
                                   </div>
                                    <div class="menu-txt">
                                      <h4>京酱肉丝</h4>
                                      <p class="list2">
                                      <b>￥25</b>
                                      <div class="btn">  
                                          <button class="minus">  
                                          <strong></strong>  
                                          </button>  
                                          <i>0</i>  
                                          <button class="add">  
                                          <strong></strong>  
                                          </button>  
                                          <i class="price">25</i>  
                                      </div> 
                                      </p>
                                    </div>
                                </li>
                                </ul>
                               </div>

                            </div>
                        </div>

                        <div class="footer">
                          <img src="__PUBLIC__/static/home/images/order.png" style="width:70px;height: 70px;float: left;margin: -80px 0 0 100px;"/>
                            <div class="left">已选：
                                <span id="cartN">
                               <span id="totalcountshow">0</span>份　总计：￥<span id="totalpriceshow">0</span></span>元
                            </div>
                            <div class="right">
                                <!-- <a id="btnselect" class="xhlbtn  disable" href="javascript:void(0)">去结算</a> -->

                              <div id="wrapper">
                                <div class="box4">
                                  <div class="demo" style="margin-top: -20px;">
                                    <a href="javascript:;" class="bounceIn" id="btnselect" class="xhlbtn  disable" href="javascript:void(0)" style="width: 120px;height: 50px;margin: -30px 20px 0 0;isplay: block;padding: 10px 20px;color: #fff;font-weight: bold;font-family: miaomi;font-size: 25px;background-color:#ee2600; ">去结算</a>
                                  </div>
                                <div id="dialogBg4"></div>
                                <div id="dialog4" class="animated4">
                                  <div class="dialogTop">
                                    <a href="#" style="font-size: 20px; font-family: miaomi;float: left;font-weight: bold;">确认订单</a>
                                    <a href="javascript:;" class="claseDialogBtn4" style="font-family: miaomi;font-size: 13px;">关闭</a>
                                  </div>
                                  <form action="" method="post" id="editForm4" enctype="multipart/form-data">
                                    <ul class="editInfos" style="margin-top: 5px;font-family: miaomi;font-size: 18px;">
                                    <img src="__PUBLIC__/static/home/images/user.png" style="width:25px;height: 25px;float: left;margin: 5px 0 0 20px;"><li style="margin:5px 0 0 -150px;">王小明</li>
                                    <img src="__PUBLIC__/static/home/images/phone.png" style="width:25px;height: 25px;margin: -50px 0 0 150px;"><li style="margin:-50px 0 0 100px;">13345678890</li>
                                    <img src="__PUBLIC__/static/home/images/location.png" style="width:25px;height: 25px;margin: 15px 0 0 15px;"><li style="margin:-25px 0 0 -80px;width: auto;height: auto;">东软三期3号楼</li>
                                    <img src="__PUBLIC__/static/admin/Uploads/shoppic/a.png" style="width:100px;height: 60px;margin: 15px 0 0 25px;"><li style="margin:-40px 0 0 90px;width: auto;height: auto;">1号台湾卤肉饭</li>
                                    <li>
                                      <span style="width: auto;height: auto;">鱼香肉丝</span>
                                      <span style="margin-left:60px;width: auto;height: auto;">×1</span>
                                      <span style="margin-left:40px;width: auto;height: auto;">¥12</span>
                                    </li>
                                    <li>
                                      <span style="width: auto;height: auto;">宫保鸡丁</span>
                                      <span style="margin-left:60px;width: auto;height: auto;">×1</span>
                                      <span style="margin-left:40px;width: auto;height: auto;">¥15</span>
                                    </li>
                                    <li>
                                      <span style="width: auto;height: auto;">配送费</span>
                                      <span style="margin-left:150px;width: auto;height: auto;">¥5</span>
                                    </li>
                                    <li>
                                      <span style="width: auto;height: auto;">总计</span>
                                      <span style="margin-left:165px;width: auto;height: auto;">¥32</span>
                                    </li>
                                    <li><select name="" class="ipt"  style="width: 250px;" >
                                        <option value="0">取饭时间</option>
                                        <option value="1">06:00-07:00</option>
                                        <option value="1">07:00-08:00</option>
                                        <option value="1">08:00-09:00</option> 
                                        <option value="1">09:00-10:00</option>
                                        <option value="1">11:00-12:00</option>                  
                                        </select>
                                    </li>
                                    <li><select name="" class="ipt"  style="width: 250px;" >
                                        <option value="0">用餐方式</option>
                                        <option value="1">外卖</option>
                                        <option value="1">到店吃</option>             
                                        </select>
                                    </li>
                                    <li><select name="" class="ipt"  style="width: 250px;" >
                                        <option value="0">付款方式</option>
                                        <option value="1">支付宝</option>
                                        <option value="1">微信</option>
                                        <option value="1">银行卡</option>               
                                        </select>
                                    </li>
                                    <li><textarea name="" placeholder="订单备注" style="width: 250px; height: 100px;margin-left: 3px"></textarea></li>
                                    <li><input type="submit" value="提交订单" class="submitBtn" /></li>
                                    </ul>
                                  </form>
                                </div>
                                </div>
                              </div>


                            </div>
                        </div>
                    </div>
                    <!-- 店内菜品显示end -->

                    <div class="clearfix"></div>


                    <!-- 店铺评价显示start -->
                    <div role="tabpanel" class="tab-pane fade" id="safari" aria-labelledby="safari-tab">
      
                        <!-- 店铺评分显示start -->
                        <?php if(is_array($shopinfo) || $shopinfo instanceof \think\Collection): $i = 0; $__LIST__ = $shopinfo;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$shopinfo1): $mod = ($i % 2 );++$i;?> 
                      
                        <div class="pingjia">
                            <div class="pingfen1">
                                <p><?php echo $shopinfo1['level']; ?></p>
                                <h2>综合评分</h2>
                            </div>
                            <div class="pingfen2">
                                <p>服务态度</p>
                                <span class="col-lg-6" style="margin-top: -30px;margin-left: 18em;">
                                    <img src="__PUBLIC__/static/home/images/rating.png"
                                         style="height: 60%;width: 60%;"/>
                                </span>
                                <h3><?php echo $shopinfo1['service']; ?></h3>


                                <h2>商品评分</h2>
                                <span class="col-lg-6" style="margin-top: -25px;margin-left: 18em;"> 
                                    <img src="__PUBLIC__/static/home/images/rating.png"
                                         style="height: 60%;width: 60%;"/>
                                </span>
                                <h3>5.0</h3>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                      <?php endforeach; endif; else: echo "" ;endif; ?> 
                        <!-- 店铺评分显示end -->

                        <!-- 店铺评论显示start -->
                        <div class="response">
                            <h4 style="font-family: miaomi;">店铺评论</h4>
                            <?php if(is_array($list) || $list instanceof \think\Collection): $i = 0; $__LIST__ = $list;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$list): $mod = ($i % 2 );++$i;?>
                            <div class="media response-info"
                                 style="border-width: 0 0 2px 0;border-style: solid;border-color: #E3E3E3;">
                                <div class="media-left response-text-left" style="width: 100px;">
                                    <a href="#">
                                        <img src="__PUBLIC__/static/admin/adminphoto/<?php echo $list['upic']; ?>.jpg" class="img-responsive"
                                             alt="" style="height: 80px;width: 80px;">
                                    </a>
                                    <p style="text-align: center;margin-top: 10px;font-family: miaomi;"><?php echo $list['nickname']; ?></p>
                                </div>
                                <div class="media-body response-text-right"
                                     style="float: left;margin-left: 30px;font-family: miaomi">
                                    <p style="font-family: miaomi;font-size: 18px">
                                        <?php echo $list['message']; ?></p>
                                    <ul>
                                        <li style="font-size: 15px"><?php echo $list['messdate']; ?></li>
                                        <!-- <li><a href="#">Reply</a></li> -->
                                    </ul>
                                    <div class="media response-info">
                                        <div class="media-left response-text-left">
                                            <a href="#">
                                                <img src="__PUBLIC__/static/admin/adminphoto/<?php echo $list['dpic']; ?>.jpg"
                                                     class="img-responsive" alt="" style="height: 60px;width: 60px;">
                                            </a>
                                            <p style="margin-top: 10px;font-family: miaomi;"><?php echo $list['shopname']; ?></p>
                                        </div>
                                        <div class="media-body response-text-right"
                                             style="font-family: miaomi;float: left;margin-left: -80px;">
                                            <p style="font-family: miaomi;font-size: 16px"><?php echo $list['message']; ?></p>
                                            <ul>
                                                <li style="font-size: 13px"><?php echo $list['rdate']; ?></li>
                                                <!-- <li><a href="#">Reply</a></li> -->
                                            </ul>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <?php endforeach; endif; else: echo "" ;endif; ?>
                            
                        </div>
                        <!-- 店铺评论显示end -->
                    </div>
                    <!-- 店铺评价显示end -->


                    <!-- 店铺详情显示start -->
                   <?php if(is_array($shopinfo) || $shopinfo instanceof \think\Collection): $i = 0; $__LIST__ = $shopinfo;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$shopinfo): $mod = ($i % 2 );++$i;?>
                    <div role="tabpanel" class="tab-pane fade" id="trekking" aria-labelledby="trekking-tab">
                        <div class="navv">
                            <img src="__PUBLIC__/static/home/images/pic.jpg" class="img-responsive" alt="" style="width: 200px;">
                        </div>
                        <div class="shopinfo">
                            <table>
                                <tr>
                                    <td class="item">店铺名称:</td>
                                    <td><?php echo $shopinfo['shopname']; ?></td>
                                </tr>
                                <tr>
                                    <td class="item">综合评分:</td>
                                    <td><?php echo $shopinfo['level']; ?></td>
                                </tr>
                                <tr>
                                    <td class="item">店内服务：</td>
                                    <td><?php echo $shopinfo['service']; ?></td>
                                </tr>
                                <tr>
                                    <td class="item">人均消费：</td>
                                    <td>¥20</td>
                                </tr>
                                <tr>
                                    <td class="item">营业时间:</td>
                                    <td><?php echo $shopinfo['shoptime']; ?></td>
                                </tr>
                                <tr>
                                    <td class="item">联系方式：</td>
                                    <td><?php echo $shopinfo['phonenum']; ?></td>
                                </tr>
                                <tr>
                                    <td class="item">餐厅地址：</td>
                                    <td style="width: 400px;"><?php echo $shopinfo['address']; ?></td>
                                </tr>
                                <tr>
                                    <td class="item">餐厅介绍:</td>
                                    <td style="width: 400px;">
                                        <?php echo $shopinfo['intro']; ?>
                                    </td>
                                </tr>
                            </table>
                        </div>


                        <div class="clearfix"></div>
                    </div>
                    <?php endforeach; endif; else: echo "" ;endif; ?>
                    <!-- 店铺详情显示end -->

                </div>

            </div>
        </div>
    </div>
</div>
</div>


<div class="clearfix"></div>

<div class="copyright">
				<div class="container">
					<p>Copyright &copy; 2016.Company name All rights reserved.</p>
				</div>
</div>

</body>
</html>